{extend name="admin@public:base" /}
{block name="main-row-content"}
<div class="page-header">
	<h1>
		当前操作
		<small>
			<i class="ace-icon fa fa-angle-double-right"></i>
			添加用户
		</small>
	</h1>
</div><!-- /.page-header -->
<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->
		<form class="form-horizontal ajaxForm4" action="{:url('admin/User/user_runadd')}" method="post">
		   {:token()}
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">用户名：</label>
				<div class="col-sm-10">
					<input type="text"  name="username" autocomplete="off" placeholder="请填写用户名" class="col-xs-4" required/>
					<div class="col-sm-5 help-block"><i class="fa fa-info-circle color-info1"></i> 登录账户所用名称</div>
				</div>
			</div>
			<div class="space-4"></div>
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">昵称：</label>
				<div class="col-sm-10">
					<input type="text"  name="nickname" autocomplete="off" placeholder="请填写昵称" class="col-xs-4" required/>
					<div class="col-sm-5 help-block"><i class="fa fa-info-circle color-info1"></i> 填写一个有个性的昵称吧</div>
				</div>
			</div>
			<div class="space-4"></div>	
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">密码：</label>
				<div class="col-sm-10">
					<div class="input-group col-sm-4" style="float:left">
			        	<span class="input-group-addon"><i class="fa fa-eye "></i></span>
				        <input class="form-control" name="password" value="" placeholder="请填写密码" type="text">
			        </div>
					<div class="col-sm-4 help-block"><i class="fa fa-info-circle color-info1"></i>留空为默认密码123465</div>
				</div>
			</div>
			<div class="space-4"></div>			
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">电话：</label>
				<div class="col-sm-10">
					<div class="input-group col-sm-4" style="float:left">
			        	<span class="input-group-addon"><i class="fa fa-phone"></i></span>
				        <input class="form-control" name="tel" value="" placeholder="请填写电话号码"  type="text">
			        </div>
				</div>
			</div>
			<div class="space-4"></div>							   
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">邮箱：</label>
				<div class="col-sm-10">
					<div class="input-group col-sm-4" style="float:left">
			        	<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
				        <input class="form-control" name="email" value="" placeholder="请填写邮箱"   type="text">
			        </div>
				</div>
			</div>
			<div class="space-4"></div>
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 性别：  </label>
				<div class="col-sm-10">
					<label>
						<input name="sex" type="radio" value="0" checked class="ace">
						<span class="lbl"> 男 </span>&nbsp;&nbsp;
					</label>
					<label>
						<input name="sex" type="radio" value="1" class="ace">
						<span class="lbl"> 女 </span>
					</label>
					<label>
						<input name="sex" type="radio" value="2" class="ace">
						<span class="lbl"> 保密 </span>
					</label>					
				</div>
			</div>
            <div class="space-4"></div>
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">头像：</label>
				<div class="col-sm-10">
				    <div class="col-sm-2">
						<a href="javascript:;" class="file">
							<input name="pic" id="img_upload" type="file">
							<i class="fa fa-cloud-upload "></i>上传头像
						</a>
					</div>
					<div class="col-sm-10 help-block"><i class="fa fa-info-circle color-info1"></i> 用于用户头像</div>
					<div class="file_img_show col-sm-12">
					    <div class="img col-xs-2" id="show_upload_img">
					      <i class="ace-icon fa fa-times red remove_upload_img"></i>
					      <img src='__STATIC__/hbb/image/nopic.jpg' alt="">
					    </div>
					</div>
				</div>
			</div>
			<div class="space-4"></div>              
             <div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1">个人简介：</label>
				<div class="col-sm-5">
					<textarea name="info" class="form-control" length="100" rows="5"></textarea>
				    <p class="help-block"><i class="fa fa-info-circle color-info1"></i> 简单介绍一下自己吧</p> 
				</div>
			</div>
			<div class="space-4"></div>
			<div class="form-group">
				<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 状态： </label>
				<div class="col-sm-10" style="padding-top:5px;">
					<input name="status" value="1" class="ace ace-switch ace-switch-6" type="checkbox">
					<span class="lbl">&nbsp;&nbsp;默认关闭</span>
				</div>
			</div>
			<div class="space-4"></div>
			<div class="clearfix">
				<div class="col-md-offset-3 col-md-9 ">
					<button class="btn btn-info btn-sm btn-radius" type="submit">
						<i class="ace-icon fa fa-check bigger-110"></i>
						提交并保存
					</button>

					&nbsp; &nbsp; &nbsp;
					<button class="btn btn-success btn-sm btn-radius" type="submit">
						<i class="ace-icon fa fa-undo bigger-110"></i>
						重置
					</button>
				</div>
			</div>

			
		</form>
	</div><!-- /.col -->
</div><!-- /.row -->
{/block}